<template>
<div class="head">
	<div class="left"></div>
	<input type="text" />
	<div class="right"></div>
</div>
</template>

<script>

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.head{
	width:100%;
	height:1.25rem;
	display: flex;
	align-items: center;
}
.left{
	width:0.78125rem;
	height:0.703125rem;
	background: url();
    background-size: 100%;
}
.right{
	width:0.78125rem;
	height:0.703125rem;
	background: url();
    background-size: 100%;
}
.head>input{
	width:7.109375rem;
	height:0.78125rem;
	background: #eeeeee;
	border: none;
	outline: none;
}
</style>
